<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>手写组合 API</title>
</head>
<body>
</body>
<script src="index.js"></script>
<script>
    // shallowReactive  reactive  shallowReadonly readonly 
    // const user = readonly({
    //     name: '小明',
    //     age: 20,
    //     likes: ['code', 'car']
    // })
    // console.log(user)
    // user.name 
    // user.name = '==='
    // user.likes[0] = '==='
    // delete user.name 
    // delete user.likes[0]

    // shallowRef 和 ref 
    // const user = ref({
    //     name: '小明',
    //     age: 20, 
    //     hobby: ['code', 'cool']
    // })
    // console.log(user);
    // console.log(user.isRef);
    // user.value.name += '123'
    // user.value.hobby[0] = '123'

    console.log(isRef(ref({})));
    console.log(isReactive(reactive({})));
    console.log(isReadonly(readonly({})));
    console.log(isProxy(reactive({})));
    console.log(isProxy(readonly({})));
</script>
</html>